Как да добавите Asyntai AI чатбот в e107

Ръководство стъпка по стъпка за уебсайтове на e107 CMS

Платформа:

Стъпка 1: Вземете вашия код за вграждане

Първо отидете на вашето Табло за управление на Asyntai и превъртете надолу до секцията "Код за вграждане". Копирайте уникалния си код за вграждане, който ще изглежда така:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

Забележка: Кодът по-горе е само пример. Трябва да копирате собствения си уникален код за вграждане от вашето Табло за управление, тъй като съдържа вашия личен ID на уиджета.

Стъпка 2: Добавяне към шаблона на темата (Препоръчително)

Препоръчителният начин за добавяне на чатбота е чрез директно редактиране на файла на шаблона на вашата e107 тема:

Навигирайте до папката на вашата e107 тема: e107_themes/yourtheme/
Отворете основния файл на шаблона на темата (обикновено theme.php или theme.html)
Намерете затварящия таг </body>
Поставете вашия Asyntai код за вграждане точно преди тага </body>:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>
</body>

Съвет: Ако вашата тема използва theme.php, потърсете секцията, в която се визуализира HTML на футъра. Кодът за вграждане трябва да бъде поставен след цялото останало съдържание, но преди затварящия body таг.

Алтернативен метод 1: Използване на персонализиран хедър/футър на e107

Можете да добавите скрипта на чатбота чрез административния панел на e107, без да редактирате файлове на темата:

Влезте в административния панел на e107
Отидете на Admin > Preferences > Site Preferences
Потърсете секцията "Custom Footer" или "Footer Scripts"
Поставете вашия Asyntai код за вграждане в полето Footer Scripts
Кликнете "Save", за да приложите промените

Забележка: Този метод е най-лесният, ако искате да избегнете директното редактиране на файловете на темата. Скриптът ще бъде включен автоматично на всяка страница на вашия e107 сайт.

Алтернативен метод 2: Използване на e107 плъгин

За по-модулен подход можете да създадете прост плъгин или да използвате системата за прихващане на плъгини за инжектиране на скрипта на чатбота:

Създайте прост плъгин или използвайте плъгина "Custom Pages"
Добавете скрипта чрез системата за прихващане на плъгини на e107, като създадете файл e_footer.php в директорията на вашия плъгин
Във e_footer.php изведете вашия код за вграждане:

<?php
// e_footer.php - Asyntai Chatbot Plugin Hook
echo '<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>';
?>

Съвет: Подходът с прихващане на плъгин поддържа интеграцията на чатбота отделена от темата, така че тя ще се запази дори ако смените темата.

Алтернативен метод 3: Използване на системата за менюта на e107

Можете да използвате вградената система за менюта на e107, за да добавите скрипта на чатбота в областта на футъра:

Влезте в административния панел на e107
Отидете на Admin > Menus
Създайте персонализирано HTML меню
Поставете вашия Asyntai код за вграждане в съдържанието на менюто
Задайте менюто към областта на футъра на вашия шаблон
Запазете конфигурацията на менюто

Важно: Когато използвате системата за менюта, уверете се, че областта на менюто, към която задавате, поддържа извеждане на суров HTML/скрипт. Някои области на менюта могат да премахват скрипт тагове от съображения за сигурност. Ако скриптът бъде премахнат, използвайте някой от другите методи вместо това.

Стъпка 3: Проверка на инсталацията

След като запазите промените, посетете уебсайта си на e107 в нов раздел на браузъра или в инкогнито прозорец. Трябва да видите бутона на чат уиджета в долния десен ъгъл. Кликнете върху него, за да се уверите, че се отваря и работи правилно.

Не виждате уиджета? Опитайте да изчистите кеша на e107 от административния панел под Admin > Cache. Също опитайте да изчистите кеша на браузъра или да разгледате в инкогнито прозорец. Уверете се, че кодът за вграждане е поставен правилно и съдържа вашия уникален ID на уиджета от Таблото за управление.